<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体设计准则</title>
		<style type="text/css">
			@font-face{
				font-family:jianzhi; 
				src:url(font/FZJZJW.TTF);
				}
			h2{
				font-family:jianzhi; 
				text-align:center; 
				font-size:36px; 
				color:#666; 
				letter-spacing:10px;
				}
			h2 span,.author span{color:#076BBC;}
			.author{
				text-align:center; 
				color:#666; 
				font-family:"楷体";
				}
			p{font-family:"微软雅黑";}
			span{color:#f00;}
			.phone{
				font-family:"楷体"; 
				font-style:italic; 
				color:#666; 
				font-size:16px; 
				}

		</style>
	</head>
	<body>
		<h2>把握<span>移动端字体设计</span>的七大准则</h2>
		<p class="author">更新时间:<span>2012年06月06日17时26分</span>&nbsp;&nbsp;来源:<span class="text">传智播客</span></p>
		<img src="img/222.jpg" hspace="30" align="left" />
		<p>♠&nbsp;<span> 留足空间</span>，与普遍观点恰好相反，<span>字体并非弯弯曲曲的线条排列</span>，它主要在于周围和相互间的空间。</p>
		<p>♠&nbsp;行宽是一行文字的长度。或者确切的说，<span>是一行文字的理想长度</span>，因为很难让每一行都精确吻合。</p>
		<p>♠&nbsp;行距是行之间的空间，行距太紧凑，<span>会让视线难以从行尾扫视到下一行首。</span></p>
		<p>♠&nbsp;所有字体至少都有一种最佳状态，<span>使字体在浏览器中最能保持字形的抗锯齿选项。</span></p>
		<p>♠&nbsp;你读的多数内容是<span>居左对齐，右边沿参差不齐的</span>，这样看起来更<span>有节奏。</span></p>
		<p>♠&nbsp;增强文字与背景对比的同时，我们也要<span>减少不同层次文字间的反差</span>。</p>
		<p>♠&nbsp;<span>按比例调整字间距</span>，为移动端调整字号时，我们要意识到字间距发生了必要的变化。</p>
		<hr />
		<p class="phone">原文链接：<span>http://www.woshipm.com/pd/136680.html</span>文章分类：<span>艺术设计</span></p>
	</body>

</html>
